/*! * common.css * CSS Document * The site is designed by Lxh,Inc 12/2016 */

/*Header Start*/
.header{background:none; height:76px; width:100%; z-index:111100; position:fixed; left:0; top:0;}
.header a.nav-toggle{position:absolute; right:10px; padding:10px; background-image:none; border-radius:4px; margin-top:20px; border:0; cursor:pointer; display:none;
 z-index:999; display:none;}
.header a.nav-toggle span{display: block; width: 20px; height: 2px; margin-bottom: 5px; position: relative; background: #333; border-radius: 3px; z-index: 1; -webkit-transform-origin: 20px; transform-origin: 20px; -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.header.add{background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.logo{position:relative; z-index:1000;}
.logo.gao{z-index:10;}
.logo a{background:url("../images/logo_bai.png") no-repeat; width:170px; height:38px; display:block; background-size:auto 38px; margin-top:20px; transition:all .3s ease-in;}
.header.add .logo a{background:url("../images/logo.png") no-repeat; width:170px; height:38px; display:block; background-size:auto 38px;}
.page-overlay .nav li{float:left; margin-left:65px; position:relative;}
.page-overlay .nav li i{display:none;}
.page-overlay .nav li > a{font-size:16px; padding:0 10px; color:#fff; line-height:74px; display:block; transition:all .3s ease-in;}
.page-overlay .nav li > a:hover{border-bottom:2px solid #fff;}
.page-overlay .nav li > a.on{border-bottom:2px solid #fff;}
.header.add .page-overlay .nav li > a{color:#333;}
.header.add .page-overlay .nav li > a:hover{color:#25b728; border-bottom:2px solid #25b728;}
.header.add .page-overlay .nav li > a.on{color:#25b728; border-bottom:2px solid #25b728;}
/*Header End*/

/*Footer Start*/
.footer{width:100%; background:#f4f4f4; padding-bottom:20px;}
.footer-main{margin:65px auto 40px auto; overflow:hidden;}
.foot_logo{margin-right:75px;}
.foot_logo img{width:150px; }
.foot_logo p{font-size:15px; margin:5px 0 0 0px; color:#333;}
.help-wrap ul{float:left; text-align:left; line-height:32px; color:#333;}
.help-wrap ul.help-list{width:15.5%; /*margin-left:75px;*/ height:220px;}
.help-wrap ul li p{font-size: 18px; color:#222; margin-bottom:5px;}
.help-wrap ul li a{color:#333; transition:all .3s ease-in;}
.help-wrap ul li a:hover{color:#25b728;}
.help-wrap .business{width:215px; text-align: left; line-height:32px; color:#333;}
.help-wrap .business li p{color:#24b727; font-size:18px; margin-bottom:5px;}
.help-wrap .business li a{color:#333;}

.help-wrap .business li i{background:url(../images/icon.png) no-repeat; width:17px; height:17px; display:inline-block; margin:0px 3px 0 10px; vertical-align:-2px;}
.help-wrap .business li i.qq{background-position:-386px -29px;}
.copy{color:#333; text-align:center; width:100%; margin:0 auto; overflow:hidden;}
.copy a i {display:inline-block; font-size:26px; margin:0 5px 10px 5px; color:#4a4a4a; font-style:normal;}
/*Footer End*/

/*Home Banner Start*/
.banner{cursor:pointer;}
#full-width-slider {width:100%; color:#000; background:#f7f7f7;}
.fullWidth{max-width:2560px; margin:0 auto 0 auto;}
.rsContent{display:block; width:100%; height:100%;}
@media screen and (min-width:800px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 430px !important;
    }
}

@media screen and (min-width:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 520px !important;
    }
}

@media screen and (min-width:1500px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 680px !important;
    }
}

@media screen and (min-width:1600px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 794px !important;
    }
}

@media screen and (min-width:0px) and (max-width:800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 360px !important;
    }
}

@media screen and (min-width:0px) and (max-width:600px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 320px !important;
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 240px !important;
    }
}
/*Home Banner End*/

/*微信弹窗 eject Start*/
.layer{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.pop{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.pop img{width:200px; height:200px;}
.pop dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.pop dl a{ width:110px; height:40px; background:#24b728; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}
/*微信弹窗 eject End*/

/*Home Case Start */
.case-wrap{width:100%;}
.case-wrap .case{margin-top:70px;}
.module-title{width:100%; text-align:center;}
.module-title h1{font-size:28px; color:#333; line-height:35px; margin:15px 0; font-weight:400;}
.module-title span{font-size:16px; color:#666;}
.module-title span a{margin:0 5px; color:#666; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.module-title span a:hover{color:#24b727;}
.case-wrap .case .case-list{margin-top:40px;}
.case-wrap .case .case-list li{width:398px; height:300px; margin:15px 3px 0px 0px; float:left;}
.case-wrap .case .case-list li:nth-child(3n){margin:15px 0 0 0;}
.case-wrap .case .case-list li .case-list-pic{width:100%; height:230px; overflow:hidden;}
.case-wrap .case .case-list li .case-list-pic a{display:block; width:100%; height:100%; transition:all .3s ease-in;}
.case-wrap .case .case-list li .case-list-pic a:hover{transform:scale(1.1);}
.case-wrap .case .case-list li .case-list-pic a img{width:100%; height:100%; display:block;}
.case-wrap .case .case-list li p{font-size:16px; margin:10px 0px 5px 0px;}
.case-wrap .case .case-list li p a{color:#333; transition:all .3s ease-in;}
.case-wrap .case .case-list li p a:hover{color:#24b727;}
.case-wrap .case .case-list li span{color:#666;}
/*Home Case End */

/*Home Service Start */
.service-wrap{width:100%; padding-top:65px;}
.service-wrap .service-list{margin-top:50px; padding-bottom:50px; overflow:hidden; border-bottom:1px solid #e9e9e9;}
.service-list dl{float:left; width:130px; height:270px; line-height:26px; color:#666; margin:0px 35px;}
.service-list dl h2{font-size:16px; margin:25px 0px 5px 0px; color:#333; font-weight:400;}
.service-list dl img{display:block;}
/*Home Service End */

/*Home About Start */
.about-wrap{background:url(../images/about_bg.jpg) no-repeat center top #163e59; background-attachment:fixed; width:100%; height:500px; background-size:cover; text-align:center; color:#fff; overflow:hidden;}
.about-wrap h1{line-height:38px; text-align:center; font-size:28px; margin-top:80px;}
.about-wrap p{font-size:14px; color:#e2e2e2; line-height:28px; width:840px; margin:40px auto; text-align:left;}
.about-wrap a{width:150px; background:#24b727; border-radius:2px; font-size:16px; color:#fff; height:46px; line-height:46px; display:inline-block; margin:0 8px; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.about-wrap a:hover{background:#11a914;}
/*Home About End */

/*Home Project Start */
.project-wrap{width:100%; margin:60px auto 0px auto;}
.project-list{/*width:100%;*/ margin:50px auto; overflow:hidden;}
.project-list li{width:380px; float:left; font-size:14px; margin:15px 30px 15px 0px; overflow:hidden; color:#666; line-height:26px;}
.project-list li:nth-child(3n){margin-right:0px;}
.project-list li .project-pic{height:240px; margin-bottom:12px; padding:1px; transition:box-shadow 218ms;}
.project-list li .project-pic a{display:block;}
.project-list li .project-pic img{width:100%; height:100%;}
.project-list li .project-pic:hover img{background-color:#ccc; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); }
/*Home Project End */

/*Home Client Start */
.client-wrap{margin:0px auto 60px auto; padding-top:50px;}
.client-wrap .module-title h1{font-size:28px; color:#333; margin:15px 0; line-height:22px;}
.client-wrap .module-title a{font-size:16px; color:#666; transition:all .3s ease-in;}
.client-wrap .module-title a:hover{color:#24b727;}
.client-wrap .client-list{/*width:100%;*/ overflow:hidden; margin-top:20px;}
.client-wrap .client-list li{width:16.6666667%; height:44px; float:left; margin:15px 0px; text-align:center; transition:all 0.3s ease 0s;}
.client-wrap .client-list li img{width:157px; height:100%;}
.client-wrap .client-list li:hover{box-shadow:0px 3px 14px rgb(219, 219, 219); border-color:#fff;}
/*Home Client End */


/*案例 Case Start*/
.case-banner{background:url("../images/case-banner.jpg") no-repeat center;}
.case-nav{width:100%; border-bottom:1px solid #f0f0f0;}
.case-nav ul{ width:100%; text-align:center; margin:0 auto; overflow:hidden;}
.case-nav ul li{display:inline; text-align:center;}
.case-nav ul li a{font-size:16px; line-height:62px; color:#333; display:inline-block; padding:0 6px; margin:0 15px;}
.case-nav ul li a:hover{ color:#24b727; border-bottom:3px solid #24b727; }
.case-nav ul li.current a{ color:#24b727; border-bottom:3px solid #24b727;}
.all-case{padding-bottom:80px;}
.all-case .case{margin-top:0;}
.all-case .case .case-list{margin-top:25px;}
/*案例 Case End*/

/*服务 Service Start*/
.service-banner{background:url("../images/service-banner.jpg") no-repeat center;}
.service-nav ul li a{margin:0px 40px; padding:0;}
.solution-wrap{width:100%; padding-top:65px;}
.solution-list{margin-top:30px;}
.solution-list li{width:24%; height:275px; margin:30px 0.5% 0px 0.5%; float:left; color:#666; line-height:22px;}
.solution-list li .solution-pic{width:100%; height:166px;}
.solution-list li .solution-pic:hover{background:#ccc; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);}
.solution-list li .solution-pic img{width:100%;}
.solution-list li h3{font-size:16px; font-weight:400; margin:15px 0px 5px 0px;}
.solution-list li h3 a{color:#333; transition:all .3s ease-in;}
.solution-list li h3 a:hover{ color:#24b727;}
.project-all{padding:65px 0px 0px; background:#f6f6f6;}
.project-all .project-list{margin:50px auto 35px;}
.client-all{padding-top:65px;}
.path-wrap{padding:65px 0px 60px; background:#f6f6f6; text-align:center;}
.path-wrap .pash-pic{margin:50px auto 0px;}
.demand-wrap{width:100%; overflow:hidden; border-top:1px solid #e9e9e9; padding-top:80px;}
.demand-wrap .module-title h1{text-align:center; font-size:28px; line-height:35px; margin-bottom:20px; color: #333; margin-top:0;}
.demand-box{width:685px; margin:20px auto; overflow:hidden; padding-bottom:65px;}
.demand-box .row{width:100%; clear:both; margin:0 auto;}
.demand-box label{position:relative; float:left; margin:20px 15px 0 15px; display:block;}
.demand-box label span{position:absolute; left:10px; top:10px; font-size:14px; color:#999;}
.demand-box .txt{border:1px solid #d9d9d9; padding:10px; background:#fff; border-radius:5px;}
.demand-box .txt.w1{width:290px; height:20px; line-height:20px; font-size:14px;}
.demand-box .txt:focus{border:2px solid #24b727; padding:9px; background:#fff;}
.demand-box .txt.w1{width:290px; height:20px;}
.demand-box .txt.w2{width:631px; height:116px;}
.demand-box .btn{float:left; border:0; background:#24b727; border-radius:5px; width:170px; padding:0 11px;  height:50px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin-left:15px; margin-top:20px;}
.demand-box .row .btn:hover{background:#049707;}
.demand-box .row p.xin{color:#666; line-height:50px; font-size:14px; float:right;  margin-top:20px;  margin-right:15px;}
.demand-box .row p.xin a{color:#24b727;}
.demand-box .row p.xin a:hover{text-decoration:underline;}
/*服务 Service End*/

/*关于我们 About Start*/
.about-banner{background:url("../images/about-banner.jpg") no-repeat center;}
.about-us{padding-top:65px;}
.about-main p{margin:0px auto; overflow:hidden; line-height:30px; font-size:14px; color:#333; margin-top:30px; width:995px; text-align:left;}
.about-list{margin:70px auto 90px auto; overflow:hidden;}
.about-list dl{width:31%; margin:0 1.1%; float:left; text-align:center;}
.about-list dl dd{margin-bottom:10px;}
.about-list dl dt h2{font-size:18px; line-height:32px; color:#333; font-weight:400;}
.about-team{padding-top:65px;}
.team-list{width:100%; margin:50px auto; overflow:hidden;}
.team-left{width:66.6%;}
.team-left .boxgrid{ width:50%; height:220px; border:1.5px solid #fff; float:left; overflow:hidden; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.team-left .boxgrid img{width:100%;}
.team-right{width:33.3%; margin-top:1px;}
.team-right .boxgrid{width:100%; height:438px; overflow:hidden; position:relative;}
.team-right .boxgrid img{height:100%;}
.about-demand{margin-top:73px;}
/*关于我们 About End*/

/*动态 News Start*/
.news-banner{background:url("../images/news-banner.jpg") no-repeat center;}
.news-wrap .news .news-list li{background:#f8f8f8; height:380px; line-height:24px; padding-bottom:20px;}
.news-wrap .news .news-list li h3{margin:15px 0px 5px 0px; font-weight:400; padding:0px 20px; width:355px; white-space:nowrap; text-overflow:ellipsis; 
-o-text-overflow:ellipsis; overflow: hidden;}
.news-wrap .news .news-list li h3 a{font-size:16px; color:#333;}
.news-wrap .news .news-list li h3 a{color:#333; transition:all .3s ease-in;}
.news-wrap .news .news-list li h3 a:hover{color:#24b727;}
.news-wrap .news .news-list li p{font-size:13px; color:#666; margin: 5px 0px 0px 0px; padding:0px 20px;}
.news-wrap .news .news-list li span{color:#666; font-size:13px; padding:0px 20px; display:block;}
.case .btn.wu{ background:#24b727; width:120px; height:35px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.case .btn.wu:hover{ background:#1ea721;}
a.allnews_all{cursor:default; background:#fff; width:158px; height:38px; border:1px solid #dedede; text-align:center; font-size:14px; color:#333; border-radius:2px; display:block; margin:40px auto 100px auto; line-height:38px;  }

.case .btn_all{cursor:default;  background:#fff; width:120px; height:35px; border:1px solid #dedede; text-align:center; font-size:14px; color:#333; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
/*动态 News End*/

/*研究 Blog Start*/
.blog-banner{background:url("../images/blog-banner.jpg") no-repeat center;}
/*研究 Blog End*/

/*合作伙伴 partner Start*/
.partner-banner{background:url("../images/partner.jpg") no-repeat center;}
.partner-wrap{width:100%; background:#f6f6f6; padding:55px 0px 80px;}
.partner-list{overflow:hidden;}
.partner-list li{float:left; width:224px; height:275px;background:#fff; line-height:22px; color:#666; margin-right:20px;}
.partner-list li:nth-child(5n){margin-right:0;}
.partner-list li .pic{width:224px; height:120px;}
.partner-list li .pic img{width:100%; height:100%; display:block;}
.partner-list li .txt{padding:15px 0px 40px 10px;}
.partner-list li .txt p{font-size:16px; color:#333; margin-bottom:3px;}
.link{padding:65px 0px;}
.link .link-ul{overflow:hidden;}
.link .link-ul li{float:left; font-size:14px; line-height:28px; width:16.6666667%; /*margin-right:30px;  */}
.link .link-ul li a{color:#333; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.link .link-ul li a:hover{color:#1ea721;}
.link .btn{background:#24b727; width:160px; height:40px; text-align:center; font-size:16px; color:#fff; border-radius:2px; display:block; margin:40px auto 0px auto; clear:both; line-height:40px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.link .btn:hover{background:#1ea721;}
/*合作伙伴 partner End*/

/*后台登陆页面 login Start*/
#loginBg{background:#f4f4f4;}
.login{width:433px; height:460px; position:absolute; left:50%; top:50%; margin:-230px 0 0 -205px;}
.login-title{width:100%; overflow:hidden; text-align:center;}
.login-title .logo{margin-bottom:15px;}
.login-title p{color:#838383; margin-top:5px;}
.login-box{width:343px; margin:0 auto; margin-top:13px;}
.login-box label{position:relative; display:block;}
.login-box .input_txt{width:296px; border:1px solid #d9d9d9; background:#fff; height:25px; padding:10px 10px 10px 35px;; font-size:14px; border-radius:3px;}
.login-box .input_txt.wrong{background:#fff5e9; border:1px solid #fa8a52;}

.login-box label span{position:absolute; top:10px; left:35px; color:#6b6b6b; font-size:14px;}
.login-box label i{background:url(../images/admin/common.png) no-repeat; width:19px; height:17px; display:block; position:absolute; left:10px; top:13px;}
.login-box label i.user{background-position:0 0;}
.login-box label i.password{background-position:-27px 0;}
.login-box .btn{background:#45c524; border:none; width:343px; height:45px; text-align:center; font-size:18px; color:#fff; cursor:pointer; border-radius:3px; font-weight:bold;}
.login-box .btn:hover{background:#2faf0e;}
.login .copyright{text-align:center; color:#838383; margin-top:30px;}

.error-tip{width:343px; text-align:center; height:30px;}
.error-tip span{color:#ec4d4d;}
/*后台登陆页面 login End*/

/*汉堡icon动画*/
.nav-toggle span:first-child{/*-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;*/}
.nav-toggle span:nth-last-child(2){/*-webkit-transform-origin:0% 100%; transform-origin:0% 100%;*/}
/*利用transform属性来改变横条的旋转角度*/
.nav-toggle.toggle-animate span{opacity:1; -webkit-transform:rotate(45deg); transform:rotate(45deg); /*background: #232323;*/}
/*隐藏一个横条*/
.nav-toggle.toggle-animate span:nth-last-child(2){opacity:0;}
/*改变另一个横条的旋转角度*/
.nav-toggle.toggle-animate span:nth-last-child(3){opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*屏幕小于1230px*/
@media screen and (max-width:1230px) {
    .header .container{width:95%;}
    .case-wrap .case .case-list li{width:32.333333%; margin:15px .5%; height:auto;}
    .case-wrap .case .case-list li:nth-child(3n){margin:15px .5%;}
    .case-wrap .case .case-list li .case-list-pic{height:auto;}
    .case-wrap .case .container{width:100%;}
    /*.base-banner{height:450px;}*/
    .solution-list{width:100%;}
    .about-us .container{width:100%;}
    .about-team .container{width:97%;}
    .partner-wrap .container{width:100%;}
    .partner-list li{width:18%; height:260px; margin:0 1%;}
    .partner-list li .pic{width:auto; height:auto;}
    .partner-list li .txt{padding:15px 0px 0px 10px;}
    .link .container{width:100%;}
}

/*屏幕小于1160px*/
@media screen and (max-width:1160px) {
    .header .container{width:95%;}
    .case-wrap .case .case-list li{width:47%; margin:15px 1.5%; height:auto;}
    .case-wrap .case .case-list li:nth-child(3n){margin:15px 1.5%;}
    .case-wrap .case .case-list li .case-list-pic{height:auto;}
    .case-wrap .case .container{width:100%;}
    /*.service-list dl{margin: 0px 2.5%; width:11.6666667%;}*/
    .service-wrap .service-list{width:100%; text-align:center; padding-bottom:30px;}
    .service-list dl{margin:0px; width:33.333333%;}
    .service-list dl img{width:80px; margin:0 auto;}
    .project-list{width:98%;}
    .project-list li{width:49%; margin:15px 0.5%;}
    .project-list li:nth-child(3n){margin:15px 0.5%;}
    .project-list li .project-pic{height:auto;}
    .client-wrap .client-list{width:100%;}
    .footer .container{width:100%;}
    .footer-main{padding:0% 3%;}
    .foot_logo{display:none;}
    .help-wrap ul.help-list{width:20%;height:220px;}
    .solution-list{width:98%;}
    .about-main p{width:950px;}
    .team-left .boxgrid img{height:100%;}
    .partner-list li{width:31.3333333%; height:310px; margin:1% 1%;}
    .partner-list li .txt{padding:15px 0px 10px 10px;}
    .link .link-ul li{width:20%; text-align:center;}
}

/*屏幕小于980px*/
@media screen and (max-width:980px) {
    .page-overlay .nav li{float:left; margin-left:45px;}
    /*.service-list dl{margin:0px 0px 0px 28px;}*/
    .service-wrap .service-list{width:100%; text-align:center; padding-bottom:30px;}
    .service-list dl{margin:0px; width:33.333333%;}
    .service-list dl img{width:80px; margin:0 auto;}
    .about-wrap p{width:870px;}
    .client-wrap .client-list li{width:25%;}
    .help-wrap ul.help-list{width:25%;}
    .base-banner{height:400px;}
    .solution-list li{width:32.3333333%;}
    .solution-list li .solution-pic{height:auto;}
    .path-wrap .pash-pic img{width:100%;}
    .about-main p{width:auto; padding:0px 20px;}
    .team-left{width:100%; float:none;}
    .team-left .boxgrid{height:auto;}
    .team-right{width:100%; margin:0 auto; height:575px; overflow:hidden;}
    .team-right .boxgrid{height:auto; border:1.5px solid #fff;}
    .team-right .boxgrid img{width:99.8%;}
    .partner-list li{height:285px;}
}

/*屏幕小于800px*/
@media screen and (max-width:800px) {
    .header .container{width:100%;}
    .logo{padding-left:20px;}
    .header a.nav-toggle{display:block;}
    .page-overlay{width:100%; margin-top:18px; position:absolute; top:-400px;}
    .page-overlay .nav{width:100%; background:#19202e;}
    .page-overlay .nav li{float:none; margin:0; overflow:hidden;}
    .page-overlay .nav li i{display:block; float:right; color:#78829d; padding-right:10px; line-height:57px; transition:all .3s ease-in;}
    .page-overlay .nav li > a{color:#78829d; font-size:14px; line-height:57px; float:left; width:80%;}
    .header.add .page-overlay .nav li > a{color:#78829d; font-size:14px; transition:all .3s ease-in;}
    .page-overlay .nav li > a:hover{border:0;}
    .header.add .page-overlay .nav li:hover > a{color:#fff; border-bottom:0;}
    .header.add .page-overlay .nav li:hover i{color:#fff;}
    .header.add .page-overlay .nav li > a.on{color:#fff; border-bottom:0;}
    .service-wrap .service-list{width:100%; text-align:center; padding-bottom:30px;}
    .about-wrap p{width:760px;}
    .help-wrap ul.help-list{width:33.3333333%;}
    .base-banner{height:330px;}
    .case-nav ul li a{margin:0 10px;}
    .solution-list li{width:49%; height:320px;}
    .about-nav ul li a{margin:0px 40px;}
    .about-list dl{width:50%; margin:0px auto;}
    .about-list dl:last-child{width:100%; margin-top:30px;}
    .team-right{height:465px;}
    .partner-list li{width:48%; height:310px; margin:1% 1%;}
    .link .link-ul li{width:33.3333333%; text-align:center;}
}

/*屏幕小于650px*/
@media screen and (max-width:650px) {
    .header{height:50px;}
    .header.add .logo a{background-size:auto 30px; margin-top:10px;}
    .header a.nav-toggle{margin-top:10px;}
    .case-wrap .case .case-list li{width:95%; margin:15px 2.5%; height:auto;}
    .case-wrap .case .case-list li:nth-child(3n){margin:15px 2.5%;}
    /*.service-list dl{margin:0px 35px;}*/
    .service-list dl{width:50%; margin:0px;}
    .about-wrap p{width:590px;}
    .project-list li{width:97%; margin:15px 1.5%;}
    .project-list li:nth-child(3n){margin:15px 1.5%;}
    .about-wrap p{width:475px; text-align:center;}
    .client-wrap .client-list li{width:33.3333333%;}
    .base-banner{height:250px; margin-top:50px;}
    .case-nav{border:0;}
    .case-nav ul li{display:block; text-align:center; width:27.98%; border:1px solid #dadada; float:left; margin:1.5% 2.5%;}
    .case-nav ul li:nth-child(3n){margin-right:0;}
    .case-nav ul li a{font-size:14px; line-height:40px; color:#333; display:block;  margin:0; padding:0;}
    .case-nav ul li.current{border:1px solid #24b727; background:#24b727;}
    .case-nav ul li.current a{ color:#fff; border-bottom:none;}
    .case-nav ul li:hover{background:#24b727; border:1px solid #24b727;}
    .case-nav ul li a:hover{ color:#fff; border-bottom:1px; }
    .solution-list li{width:97%; height:auto; margin:15px 1.5%;}
    .service-nav{display:none;}
    .demand-box{width:100%;}
    .demand-box label{float:none; margin:20px 8% 0 7%;}
    .demand-box .txt.w1{width:96.5%;}
    .demand-box .txt.w2{width:96.5%;}
    .demand-box .btn{float:none; padding:0; display:block; width:85.5%; margin:20px auto; border-radius:5px; padding:10px; margin:20px 8% 0 7%;}
    .demand-box .row p.xin{width:85.5%; margin:0px auto; float:none; padding:10px;}
    .team-left .boxgrid{width:100%; height:220px;}
    .team-left .boxgrid img{height:auto;}
    .team-right{height:220px;}
    .partner-list li{width:98%; height:auto; margin:1% 1%;}
}

/*屏幕小于480px*/
@media screen and (max-width:480px) {
    .service-list dl{width:50%; margin:0px;}
    .about-wrap p{width:475px; text-align:center;}
    .client-wrap .client-list li{width:50%;}
    .footer-main{margin:10px auto;}
    .help-wrap{display:none;}
    .foot_logo{width:100%; margin:20px auto; display:block; text-align:center;}
    .base-banner{height:200px;}
    .demand-box .btn{width:86.5%;}
    .about-list dl,.about-list dl:last-child{width:100%; margin:30px auto;}
}

/*屏幕小于375px*/
@media screen and (max-width:375px) {
    .rsMinW .rsBullets{display:none;}
    .service-wrap{padding-top:30px;}
    .case-wrap .case{margin-top:50px;}
    .about-wrap h1{font-size:20px; margin-top:60px;}
    .module-title h1{font-size:22px;}
    .module-title span{font-size:14px;}
    .about-wrap p{width:315px; margin:20px auto;}
    .about-wrap a{width:100px; height:35px; line-height:35px;}
    .case-nav ul li{display:block; text-align:center; width:44.47%; border:1px solid #dadada; float:left; margin:2% 2.5%;}
    .case-nav ul li:nth-child(2n){margin-right:0;}
    .case-nav ul li:nth-child(3n){margin:2% 2.5%;}
    .demand-box label{margin:20px 8% 0 5%;}
    .demand-box .btn{width:90.5%; margin:20px 8% 0 5%;}
    .link .link-ul li{width:50%; text-align:center;}
}
